﻿@{
    Layout = null;
}
@model FMS.UI.Areas.Admin.ViewModel.LoginModel
<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>设备管理系统</title>
    <!-- Bootstrap Core CSS -->
    <link href="/bootstrap/bootstrap.min.css" rel="stylesheet" />
    <link href="/MsgBox/jquery.msgbox.css" rel="stylesheet" />
    <!-- MetisMenu CSS -->
    <link href="/bootstrap/metisMenu.min.css" rel="stylesheet" />

    <!-- Custom CSS -->
    <link href="/bootstrap/sb-admin-2.css" rel="stylesheet" />
    <link href="/bootstrap/Style.css" rel="stylesheet" />

    <!-- jQuery -->
    <script src="/Scripts/jquery-1.8.2.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="/bootstrap/bootstrap.min.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="/bootstrap/metisMenu.min.js"></script>
    <script src="/bootstrap/sb-admin-2.js"></script>

    <script src="/Scripts/jquery.unobtrusive-ajax.min.js"></script>

    <script src="/bootstrap/jquery.validate.min.js"></script>
    <script src="/bootstrap/jquery.validate.unobtrusive.min.js"></script>
    <!-- msgbox -->
    
   
    <script src="/MsgBox/jquery.msgbox.js"></script>

    <script src="/Scripts/jquery.msgProcess.js"></script>
   
    <style type="text/css">
        .login {
            margin-top: 260px;
        }

        .validation-summary-errors ul {
            list-style-type: none;
        }

            .validation-summary-errors ul li {
                color: red;
                font-size: 18px;
            }
    </style>
    <script type="text/javascript">

        $(document).ready(function () {

         
        });


        function begin() {

            $.msgBoxObj.showWait("登录中,请稍后.....");       
        }

        function complete (xhrObj) {
            $.msgBoxObj.hide();
            $.msgProcess(xhrObj.responseText);
           
        }
    </script>
    <!---兼容IE8及以下版本-->
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    
    <div class="row-fluid" style="position: absolute; width: 100%; height: 100%; z-index: -1">
        <img style="position: fixed; height:100%; width:100%" src="/bootstrap/login_background.png" />

        <div class=" container-fluid col-md-12">
        <div class="col-md-4 col-md-offset-7 login">
            @*<div class="login-panel panel panel-default login"  >*@
            <div class="panel-body">
                <fieldset>
                    @using (Ajax.BeginForm(new AjaxOptions() { HttpMethod = "post", OnBegin = "begin", OnComplete = "complete" }))
                    {
                        <div class="form-group has-error">
                            @Html.TextBoxFor(mo => mo.userDLName, new { @class = "form-control input-lg", type = "text", autocomplete = "off", autofocus = false, value = "" })
                        </div>

                        <div class="form-group has-error">
                            @Html.TextBoxFor(mo => mo.userDLPwd, new { @class = "form-control input-lg", type = "password", autocomplete = "off", value = "" })
                        </div>
                             <!-- Change this to a button or input when using this as a form -->
                        @*<a href="#" class="btn btn-lg  btn-success btn-block" type="submit">登  陆</a>*@
                        <button class="btn btn-lg  btn-success btn-block autofocus=true" type="submit">登   录</button>

                        @Html.ValidationSummary()
                    }
                </fieldset>

            </div>
        </div>
    </div>

    </div>





</body>
</html>
